<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:f="http://xmlns.jcp.org/jsf/core"
      xmlns:p="http://primefaces.org/ui"
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets"> 
    <h:head>
        <title>Cronograma</title>

    </h:head>
    <h:body>
        <ui:composition template="TemplatePrincipal.xhtml">
            <ui:define name="content">
                <h:form>
                    <div id="header" >

                    </div>
                </h:form>
                <f:view>
                    <h:form onsubmit="this.submit();">
                        
                        <p:panel header="LISTA DE ACTIVIDADES">
                            <p:dataTable id="academiaTable" value="#{cronogramaBean.cronogramas}" var="item" widgetVar="academiaTable"
                                         emptyMessage="NO HAY ACTIVIDADES REGISTRADOS">
                                <p:column>
                                    <f:facet name="header">
                                        <h5> <h:outputText value="ACTIVIDAD" /></h5>
                                    </f:facet>
                                    <h:outputText value="#{item.actividad}"/>
                                </p:column>
                                <p:column style="alignment-adjust: central">
                                    <f:facet name="header">
                                        <h5> <h:outputText value="FECHA INICIAL"/></h5>
                                    </f:facet>
                                    <h:outputText value="#{item.fechaInicial}">
                                        <f:convertDateTime pattern="dd/MM/yyyy" />
                                    </h:outputText>
                                </p:column>
                                <p:column headerText="FECHA ESTIMADA">
                                    <h:outputText value="#{item.diasEstimados}">
                                        <f:convertDateTime pattern="dd/MM/yyyy" />
                                    </h:outputText>
                                    
                                </p:column>
                                <p:column style="alignment-adjust: central" headerText="FECHA INICIAL REAL">
                                    
                                    <h:outputText value="#{item.diasReales}" style="alignment-adjust: central">
                                        <f:convertDateTime pattern="dd/MM/yyyy" />
                                    </h:outputText>
                                </p:column>
                                <p:column style="alignment-adjust: central" headerText="DÍAS REALES">
                                    <h:outputText value="#{item.diasRealesFinal}" style="alignment-adjust: central">
                                        <f:convertDateTime pattern="dd/MM/yyyy" />
                                    </h:outputText>
                                </p:column>
                                <p:column style="aligment-adjust: central" headerText="ACCIONES">
                                    <p:commandButton value="ELIMINAR" actionListener="#{cronogramaBean.setCronograma(item)}" ajax="true">
                                        <f:ajax listener="#{cronogramaBean.setAccion('remover')}"
                                    </p:commandButton>
                                    <p:commandButton value="EDITAR" update=":form:eventDetails" oncomplete="PF('eventDialog').show();" ajax="true" actionListener="#{cronogramaBean.setCronograma(item)}">
                                            <f:ajax listener="#{cronogramaBean.setAccion('editar')}"/>
                                    </p:commandButton>
                                    <p:commandButton value="AGREGAR DÍAS REALES" actionListener="#{cronogramaBean.preDiasReales(item)}" update=":form:eventDetails" oncomplete="PF('eventDialog').show()" rendered="#{item.diasReales eq null}">
                                        <f:ajax listener="#{cronogramaBean.setAccion('real')}"/>
                                    </p:commandButton>
                                </p:column>
                            </p:dataTable>
                        </p:panel>
                    </h:form>

                    <h:form id="form">

                        <p:dialog widgetVar="eventDialog" header="ACTIVIDAD" modal="true" resizable="false" draggable="false" >
                            <h:panelGrid id="eventDetails" columns="3">
                                <h:outputLabel value="Actividad:" />
                                <p:inputText id="title" value="#{cronogramaBean.event.title}" required="true" requiredMessage="DEBE DE INTRODUCIR UNA FECHA" /><p:message for="title" display="text" showDetail="true"/>

                                <h:outputLabel value="Día de inicio:" />
                                <p:calendar id="from" value="#{cronogramaBean.event.startDate}" pattern="dd-MM-yyyy" mask="true" required="true" requiredMessage="La fecha inicial es un campo necesario." locale="es" rendered="#{cronogramaBean.actv ne 'real'}"/><p:message for="from" display="text" showDetail="true"/>
                                <p:calendar disabled="true" id="from1" value="#{cronogramaBean.event.startDate}" pattern="dd-MM-yyyy" mask="true" required="true" requiredMessage="La fecha inicial es un campo necesario." locale="es" rendered="#{cronogramaBean.actv eq 'real'}"/><p:message for="from" display="text" showDetail="true"/>
                                <h:outputLabel value="Día de terminacion:" rendered="#{cronogramaBean.actv ne 'real'}"/>
                                <h:outputLabel value="Días reales:" rendered="#{cronogramaBean.actv eq 'real'}"/>
                                <p:calendar id="to" value="#{cronogramaBean.event.endDate}" pattern="dd-MM-yyyy" mask="true" required="true" requiredMessage="La fecha de terminacion es un campo necesario." locale="es"/><p:message for="to" display="text" showDetail="true"/>
                                <p:commandButton type="reset" value="CANS"/>
                                <p:commandButton id="addButton" value="Guardar" oncomplete="if (args &amp;&amp; !args.validationFailed) PF('eventDialog').hide();" ajax="true" update=":form:eventDetails" actionListener="#{cronogramaBean.addEvent}" action="CronogramaListaAsesor.xhtml"/>
                            </h:panelGrid>
                        </p:dialog>    
                    </h:form>
                </f:view>
            </ui:define>
        </ui:composition>
    </h:body>
</html>

